/* body{
    background-image: url(bz1.jpg);
} */
/* img{
	width: 100%;
	height: 100%;
} */
* { 
    touch-action: none;
    
}


header{
	display: block;
	margin: 0 auto;
	width: 100%;
	text-align: center;
}

header h1{
	font-family: arial;
	font-size: 35px;
	font-weight: bold;
	text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 40px #d1d19d, 0 0 70px #d1d19d;
}


header #newgamebutton{
	
	margin: 20px auto;
	width: 100px;
	padding: 10px 10px;
	background-color: #8b8b68;
	font-family: arial;
	color: black;
	border-radius: 10px;
	text-decoration: none;
}

header #newgamebutton{
	background-color: #aaaa7f;
	font-size: 16px;
	/* background: #666666; */
	font: bold 16px/100% "微软雅黑", "Lucida Grande", "Lucida Sans", Helvetica, Arial, Sans;
	color: #fff;
	text-transform: uppercase;
	/* text-shadow: 5px 5px  5px #ffff7f; */
	text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff;
}

/* header p{
	font-size: 25px;
	font-family: arial;
	margin: 20px auto;
} */

#grid-container{
	width: 460px;
	height: 460px;
	padding: 20px;
	margin: 50px auto;
	background-color: #bbada0;
	border-radius: 10px;
	position: relative;
}

.grid-cell{
	width: 100px;
	height: 100px;
	border-radius: 6px;
	background-color: #ccc0b3;
	position: absolute;
}

.number-cell{
	border-radius: 6px;
	
	font-family: arial;
	font-weight: bold;
	font-size: 30px;
	line-height: 100px;/* ? */
	/* height: 100px; */
	text-align: center;
	
	position: absolute;
}

 #lastscore{
	position: absolute;
	width: 16%;
	height: 6%;
	left: 5%;
	top: 11%;
	background-color: #d4d49f;
	text-align: center;
	
	border-radius: 46px;
	font-family: arial;
	font-weight: bold;
	font-size: 18px;
	line-height: 200%;
	/* font: bold 40px/100% "微软雅黑", "Lucida Grande", "Lucida Sans", Helvetica, Arial, Sans; */
	color: #000;
	text-transform: uppercase;
	/* text-shadow: 5px 5px  5px #ffff7f; */
	text-shadow: 0 0 2px #fff, 0 0 3px #fff, 0 0 6px #fff, 0 0 8px #ff00de, 0 0 40px #ff00de;
	
}

#score{
	position: absolute;
	width: 16%;
	height: 6%;
	/* left: 5%; */
	right: 5%;
	top: 24%;
	background-color: #aaaa7f;
	text-align: center;
	
	border-radius: 46px;
	font-family: arial;
	font-weight: bold;
	font-size: 20px;
	line-height: 180%;
	/* font: bold 40px/100% "微软雅黑", "Lucida Grande", "Lucida Sans", Helvetica, Arial, Sans; */
	color: #fff;
	text-transform: uppercase;
	/* text-shadow: 5px 5px  5px #ffff7f; */
	text-shadow: 0 0 2px #000, 0 0 3px #fff, 0 0 6px #fff, 0 0 8px #ff00de, 0 0 40px #ff00de;
	
}

#lastfen{
	position: absolute;
	top:7%;
	left: 2%;
	color: red;
	font-family: arial;
	font-weight: bold;
	font-size: 14px;
}

#fen{
	position: absolute;
	top:20%;
	/* left: 2%; */
	right: 2%;
	
	font-family: arial;
	font-weight: bold;
	font-size: 14px;
}

#music{
	position: absolute;
	top: 200px;
	left: 20px;
	width: 60px;
	height: 60px;
	/* background-color: aqua; */
}

/* #foote{
	border-radius: 20px;
	padding: 20px;
	border: 2px solid black;
	position: absolute;
	width: 20%;
	height: 120px;
	text-align: center;
	top:450px;
	left: 30px;
	font-size: 20px;
	
} */

img{
	width: 100%;
	height: 100%;
	src: url(img/zt.jpg);
	position: absolute;
}

.dificulty{
	position: absolute;
	width: 30%;
	height: 20%;
	right: 4%;
	border: 1px solid black;
	border-radius: 3px;
	line-height: 25px;
	background-color: #fff;
	font-family: arial;
	/* margin: 10px; */
	text-align: center;
	font-size: 5px;
}

#grade{
	font-family: arial;
	position: absolute;
	top: 4%;
	right: 7%;
	font-size: 10px;
}

#dificulty-1{
	top: 4%;
	background-color: #d4d49f;
	color: #fff;
}

#dificulty-2{
	top: 8%;
}

#dificulty-3{
	top: 12%;
}
